/* CSS Document */

body {
    color:#666;
    background:#ddd;
    margin:0;
    padding:0;
    border:0 none;
}

div,p,span,li,ul,img,form { font-family: arial, "Times New Roman"; font-size:12px; color:#666 ;margin:0; padding:0; border:0 none;}
table,td,th {
    font-family: arial, "Times New Roman";
    font-size:12px;
    color:#666;
    text-align:left;
    white-space:normal;
    word-break:break-all;
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a:link,
a:visited,
a:active {
    color:#333;
    font-size:12px;
    text-decoration:none;
    }
a:hover {
    color:#09c;
    font-size:12px;
    text-decoration:none;
    }

.clear, .fixed {
    clear:both;
}
/* Class Style */
.main_w { width:1002px;}
.left_w { width:266px; height:460px;}
.right_w { width:694px;}
.body_w { width:960px;}
.pro_w { width:730px;}
.all_w { width:100%;}

.ml { margin-left:11px; _margin-left:7px; }
.mtop {
    margin-top:8px;
}
.mbottom {
    margin-bottom:8px;
}
.noborder {
    border:0 none;
}

.btext {
    height:16px;
    line-height:16px;
    background:#fff;
    border:1px #A5ACB2 solid;
}
.btn {
    height:18px;
    line-height:18px;
    background:#fff;
    border:1px #A5ACB2 solid;
    font-size:12px;
}
.wbg {
    margin:0 auto;
    background:#fff url(main_bg.jpg) repeat-x;
    height:460px;
}
.cbg {
    margin:0 auto;
    background:#fff url(c_bg.jpg) repeat-x;
}
.fbg {
    margin:0 auto;
    background:#000 url(ftprobg.jpg) repeat-x;
    height:204px;
}
.sfbg {
    margin:0 auto;
    background:#fff url(f_bg.jpg) repeat-x;
    height:52px;
}
.mc { margin:0 auto; }

.more { float:right; font-family: arial, "Times New Roman"; text-transform:uppercase; margin-right:8px; }
.more:link, .more:visited, .more:active , .more:hover {
    font-size:11px;
    font-weight:100;
}

/* Postion Style */
.ptop { padding-top:15px;}
.atop{ vertical-align:top;}
.abottom{ vertical-align:bottom;}
.tc { text-align:center;}
.tr { text-align:right;}
.tl { text-align:left;}

.fl { float:left;}
.fr { float:right;}

.big { font-size:18px;}
.small { font-size:10px;}

.b { font-weight:bold;}
.em { font-style:italic;}

#menu {
    height:56px;
}
.box .note, .nbox .note, .nbox .content { background:url(hs.jpg) repeat-x; }
.nbox .title { height:30px; line-height:30px; color:#000; margin-top:20px; padding-left:.5em; }
    .nbox .title, .nbox .title span { font-size:14px; font-weight:bold; font-family: "幼圆"; }
    .nbox .title span { color:#39c; }
.nbox .postion { height:30px; line-height:30px; color:#000; margin-top:20px; text-indent:.8em; }

.nbox .note { padding-top:20px; }
.nbox .content { padding:20px 12px; }

.nav, .nav-list { list-style:none; width:90%; margin:0 auto; }
    .nav li { height:30px; line-height:30px; text-align:center; border-bottom:1px #eee solid; }
    .nav-list li { height:30px; line-height:30px; border-bottom:1px #eee solid; padding-left:2em; background:url(nav-icon.gif) no-repeat 8px 11px;  }
        .nav-list li:hover { background-color:#fcfcfc; }
        .nav-list .nav-child { padding-left:2.5em; background:url(line.gif) no-repeat 8px 6px; }
            .nav-list .nav-child:hover { background:#fcfcfc url(line.gif) no-repeat 8px 6px; }

.newslist { list-style:none; width:98%; margin:0 auto; }
    .newslist li { height:30px; line-height:30px; border-bottom:1px #eee dashed; padding-left:8px; }
        .newslist li span { float:right; margin-right:12px; color:#666; }

#honor .note { height:204px; padding-top:20px; text-align:center; }
#profile .note { height:160px; padding-top:20px; }
#profile .note .img { float:left; width:240px; text-align:center; float; }
#profile .note .sumary { float:left; width:440px; font-size:13px; line-height:1.4; text-indent:2em; color:#666; }

#news_left, #news_right {
    width:335px;
}
#news_left .note, #news_right .note {
    height:144px;
    padding-top:26px;
}
#news_left .note .img, #news_right .note .img {
    float:left;
    width:130px;
    text-align:center;
}
#news_left .note .note-list, #news_right .note .note-list {
    float:left;
    width:195px;
}
#news_left .note .note-list ul, #news_right .note .note-list ul {
    list-style:none;
}
#news_left .note .note-list ul li, #news_right .note .note-list ul li {
    height:24px;
    line-height:24px;
    border-bottom:1px #eee dashed;
}
#news_left .note .note-list ul li span, #news_right .note .note-list ul li span { float:right; }

.contactbox { background:url(contactbox.jpg) no-repeat; height:130px; margin-top:12px; padding:15px; }
    .contactbox p { line-height:1.6; }

#footer {
    margin:0 auto;
    background:url(foot_bg.jpg) no-repeat;
    height:55px;
    line-height:55px;
}
#footer .icp { float:right; margin-right:20px; }
#footer .icp a:link,#footer .icp a:visited,#footer .icp a:active,#footer .icp a:hover { color:#aac3dc; }
#footer .copyright { float:left; margin-left:20px; color:#aac3dc; }

.view-news { padding:0 12px; }
    .view-news h3 { margin:0; height:40px; line-height:40px; border-bottom:1px #eee solid; text-align:center; }
    .view-news .news-content { padding: 12px 0; }
    .view-news .news-date { height:25px; line-height:25px; background:#f3f3f3; padding:0 12px; }
        .view-news .news-date span { float:right; }
        .view-news .news-date a { font-weight:bold; }

.gb-write {}
    .gb-write label { color:#333; padding-top:10px; display:block; }
    .gb-write textarea { width:100%; border:1px #ccc solid; height:140px; }
    .gb-write table { width:100%; margin-top:8px; }
    .gb-write input[type="text"] { width:98%; border:1px #ccc solid; height:20px; line-height:20px; }
    .gb-write input[type="submit"] { width:120px; border:1px #ccc solid; height:30px; line-height:30px; margin-top:12px; }
    .gb-write .tips {}
        .gb-write .tips p { line-height:1.6; font-size:13px;}
        .gb-write .tips ol { background:#fbfbfb; padding-top:12px; padding-bottom:12px; }
    .gb-write .hr { display:block; height:1px; background:#ccc; margin:15px 0; }
/* guestbook list */
.gb-list { list-style:none; }
    .gb-list .comment { padding:8px 0; border-bottom:1px #eee solid; margin-bottom:8px; }
        .gb-list .comment .author { width: 80px; float:left; text-align:center; }
            .gb-list .comment .author .pic img { border:1px #eee solid; padding:4px; }
            .gb-list .comment .author .name { font-style:italic; }
        .gb-list .comment .info { float:left; width:560px; margin-left:10px; }
            .gb-list .comment .info .date { height:25px; line-height:25px; }
            .gb-list .comment .info .memo { line-height:1.4; margin-top:8px; }
            .gb-list .comment .info .reply { margin-top:12px; background:#fcfcfc; border:1px #eee solid; padding:12px; }

.classlist { width:650px; margin:0 auto; margin-top:12px; }
    .classlist ul { list-style:none; }
        .classlist ul li { width: 33.3%; text-align:center; float:left; margin-bottom:25px; }
            .classlist ul li a span { display:block; width:201px; height:145px; background:url(classbg.gif) no-repeat; margin:0 auto; margin-bottom:5px; text-align:center; }
                .classlist ul li a span img { margin-top:17px; }

.pro {}
.pro .pro-img img { padding:5px; border:1px #ccc solid; background:#fff; }
.pro .pro-img { margin-bottom:12px; }
.pro .pro-memo { border-top:1px #ccc solid; padding:12px 0; margin-bottom:20px; }

.picloop img { margin:12px 8px; padding:5px; background:#fff; border:1px #ccc solid; }

/* pagenav */
#pagenav {
  font-size: 12px;
  font-weight: bold;
}

#pagenav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#pagenav li {
  list-style: none;
  background-color: #fff;
  margin: 0px;
  display: block;
  float: left;
  margin-left: 2px;
  margin-right: 2px;
}

#pagenav li.disabled {
  border: 1px solid #DDDDDD;
  padding: 2px 6px 2px 6px;
  color: #999;
}

#pagenav li.current {
  border: 1px solid #09c;
  padding: 2px 6px 2px 6px;
  background-color: #09c;
  color: #fff;
}

#pagenav li.none {
  border: 1px none;
  padding: 2px 6px 2px 6px;
}

#pagenav li a {
  border: 1px solid #ccc;
  padding: 2px 6px 2px 6px;
  display: block;
  text-decoration: none;
}

#pagenav li a:hover {
  border: 1px solid #09c;
  color:#09c;
}